<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户中心</title>
    {include file="common/header-sub" /}
    <link rel="stylesheet" href="__PUBLIC__/css/icon/style.css">
    <link rel="stylesheet" href="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>css/zft-trade_record.all.css?<?=st?>">
    <link rel="stylesheet" href="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>js/widget/bootstrap-datepicker/css/bootstrap-datepicker3.min.css">
</head>

<body class="g-body">
    <div class="g-header" id="header">
        <div id="mLogo" class="z-fl">
            <img class="m-logo" src="__PUBLIC__/img/kong.gif">
        </div>
        <div id="userBox" class="z-fl">
            <a href="{:url('index/index/home')}" class="img-circle"><i class="icon-pc-pay-the-rent icon-zhuye"></i></a>
            <a href="{:url('index/index/usercenter')}?t=2" class="img-circle"><i class="icon-pc-pay-the-rent icon-zhanghuyue"></i></a>
            <a href="{:url('index/index/logOut')}" class="img-circle"><i class="icon-pc-pay-the-rent icon-tuichu" ></i></a>
        </div>
        <div class="z-po-abs u-center_box">
            <a href="{:url('index/index/usercenter')}" class="u-center_item ">我的租付通</a>
            <a href="javascript:;" class="u-center_item checked">交易记录</a>

        </div>
    </div>
    <div class="g-content">
        <div class="m-head_tab">
            <span class="m-head_tab_title  my" id="tabFy">我的租付通</span>
        </div>
        <div class="m-box">
            <div class="i-b p95 ">
                <input type="text" class="m-form_control" id="beginDate" placeholder="请选择开始日期" readonly> - <input type="text"
                    class="m-form_control" id="endDate" placeholder="请选择截止日期" readonly>
                <div class="i-b u-date_box" id="dateBox">
                    <a id="dateClr" data-type="1" class="u-date_item" href="javascript:;">清空</a>
                    <a id="dateYes" data-type="2" class="u-date_item" href="javascript:;">昨天</a>
                    <a id="dateTo" data-type="3" class="u-date_item" href="javascript:;">今天</a>
                    <a id="dateTarWeek" data-type="4" class="u-date_item" href="javascript:;">本周</a>
                    <a id="dateLastWeek" data-type="5" class="u-date_item" href="javascript:;">上周</a>
                    <a id="dateTarMon" data-type="6" class="u-date_item" href="javascript:;">本月</a>
                    <a id="dateLastMon" data-type="7" class="u-date_item" href="javascript:;">上月</a>
                </div>
            </div>
        </div>
        <div class="m-box">
            <div class="i-b p95">
                <div class="i-b p20">
                    <span class="u-type_tit">分类： </span>
                    <select name="" id="feeType" class="m-form_control">
                        <option value="0">全部</option>
                        <option value="1">房租</option>
                        <option value="2">物业</option>
                        <option value="3">水费</option>
                        <option value="4">电费</option>
                        <option value="5">公摊水费</option>
                        <option value="6">公摊电费</option>
                        <option value="7">税费</option>
                        <option value="8">其他费用</option>
                        <option value="9">优惠金额</option>
                        <option value="10">实际提现金额</option>
                        <option value="11">提现手续费</option>
                    </select>

                </div>
                <div class="i-b p40" id="payType">
                    <span class="u-type_tit">交易方式： </span>
                    <span data-type="0" class="u-type_item checked">全部</span>
                    <span data-type="2" class="u-type_item">支付宝</span>
                    <span data-type="3" class="u-type_item">微信</span>
                    <span data-type="4" class="u-type_item">提现</span>
                    <span data-type="5" class="u-type_item">富友</span>
                </div>
                <div class="i-b ">
                    <span class="u-type_tit">金额： </span>
                    <input type="text" class="m-form_control p25" id="sumUp"> - <input type="text" id="sumTo" class="m-form_control p25">
                </div>
            </div>
            <div class="i-b p95">
                <div class="i-b">
                    <span class="u-type_tit">楼宇名称： </span>
                    <select class="m-form_control" id="buildingName">
                    <option value="0">全部</option>
                </select>
                </div>
                <div class="i-b">
                    <span class="u-type_tit">交易商户： </span>
                    <input type="text" id="merchant" class="m-form_control " placeholder="请输入交易商户名称">
                </div>
                <span class="u-type_tit">关键词： </span>
                <select class="m-form_control" id="key">
                    <option value="1">对方名称</option>
                    <option value="2">房号</option>
                </select>
                <input id="keyInp" type="text" class="m-form_control p30" placeholder="请输入对方名称">
                <button id="getKeyWord" class="m-btn m-btn_primary">搜索</button>
                <button id="expBtn" class="m-btn m-btn_ol_default z-fr " data-type="1"><i class="uptic"></i> 导出</button>
            </div>
        </div>
        <div>
            <div class="h40">
                <div class="paginationWrap"></div>
            </div>
            <table class="g-table">
                <thead>
                    <th>楼宇名称</th>
                    <th>房号</th>
                    <th>交易时间</th>
                    <th>交易对象</th>
                    <th>交易金额</th>
                    <th>交易方法</th>
                    <th>交易流水号</th>
                    <th>费用类型</th>
                    <th>账单周期</th>
                </thead>
            </table>
            <div class="u-div_overflow_x">
                <div class="u-div_overflow">
                    <table class="g-table">
                        <tbody id="tbody">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="h40">
                <div class="paginationWrap"></div>
            </div>
        </div>
        <div id="modal"></div>
    </div>

    <div class="footer_index ">
        <div>
            <a href="#">关于我们 |</a>
            <a href="#">联系我们 |</a>
            <a href="#">API接口 |</a>
            <a href="#">帮助中心 </a>
        </div>
        <p class="m-box_addr">
            ©福建租付通信息科技有限公司 闽ICP备17004106号-1
        </p>
    </div>
    {include file="common/footer-sub" /}
    <script type="text/javascript" src="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>js/widget/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>js/widget/bootstrap-datepicker/js/bootstrap-datepicker.zh-CN.min.js"></script>
    <script src="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>js/zft-trade_record.all.js?<?=st?>"></script>
</body>

</html>